@charset "UTF-8";
.qq-visible-hidden {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0; }

html {
  background-color: #f5f8fa; }
  
body {
  padding-top: 30px;
}

.bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  width: 900px;
  height: 100%;
  background-color: #ffffff; }

#main {
  width: 900px;
  padding-left: 40px;
  padding-right: 40px;
  overflow: auto;
  height: 100vh; }

.system-message__content {
  max-width: 400px; }

.normal-message__user-name {
  max-width: 180px; }

.normal-message__content {
  max-width: 606px; }

.system-message--notice .system-message__content {
  background-color: transparent; }

.system-message--time .system-message__content {
  color: #4c4c4c;
  font-size: 14px; }

.system-message--notice .system-message__content {
  color: #999999; }

.normal-message.message--left .normal-message__content {
  background-color: #eeeeee; }

.normal-message.message--left .normal-message__user-name {
  color: #999999;
  width: auto; }

.normal-message.message--left .normal-message__content:before {
  top: 9px;
  height: 12px; }

.normal-message--deleted.message--left .normal-message__content:after {
  top: 50%;
  right: -180px;
  content: "已删除";
  width: 80px;
  padding-left: 18px;
  line-height: 20px;
  letter-spacing: 1px;
  font-size: 14px;
  margin-top: -11px;
  color: #ff7900;
  background-position: 1px 2px; }
  html.ie8 .normal-message--deleted.message--left .normal-message__content:after {
    margin-top: -10px;
    line-height: 19px; }

.normal-message--emotion .normal-message__content .default-image-container {
  width: 84px;
  height: 60px; }

.normal-message--completed.normal-message--deleted.message--left .normal-message__content:after {
  right: -107px; }

.normal-message.message--left .normal-message__error {
  left: 10px; }

.normal-message.message--left .normal-message__error .zl-sm-utility-display-block:after {
  content: "未发送";
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #666666;
  margin-left: 3px;
  margin-top: 3px; }

.normal-message.message--left .normal-message__error img {
  position: relative;
  top: 1px; }

.normal-message.message--right .normal-message__content {
  background-color: #55728a;
  color: #ffffff; }

.normal-message.message--right .normal-message__user-name {
  color: #999999;
  width: auto;
  padding-right: 0; }

.normal-message.message--right .normal-message__content:before {
  top: 9px;
  height: 12px; }

.normal-message--deleted.message--right .normal-message__content:after {
  top: 50%;
  left: -145px;
  content: "已删除";
  width: 90px;
  padding-left: 18px;
  line-height: 20px;
  letter-spacing: 1px;
  font-size: 14px;
  margin-top: -11px;
  color: #ff7900;
  background-position: 1px 2px; }

.normal-message--completed.normal-message--deleted.message--right .normal-message__content:after {
  left: -69px; }

.normal-message.message--right .normal-message__error {
  right: 9px; }

.normal-message.message--right .normal-message__num {
  padding-right: 6px; }

.normal-message.message--right .normal-message__error .zl-sm-utility-display-block:after {
  content: "未发送";
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #666666;
  margin-left: 3px;
  margin-top: 3px; }

.normal-message.message--right .normal-message__error img {
  position: relative;
  top: 1px; }

.normal-message .normal-message__num {
  font-size: 12px;
  position: relative;
  top: -3px;
  color: #999999; }

.normal-message--exlink .normal-message__content .normal-message-exlink__href {
  color: #003eef; }

.normal-message--exlink.message--right .normal-message__content .normal-message-exlink__href {
  color: #ffffff; }

.normal-message--deleted .normal-message__content {
  color: #000; }

.normal-message__logo {
  border-radius: 4px;
  width: 28px;
  height: 28px; }

.normal-message__logo > img {
  border-radius: 4px; }

.normal-message__user-content {
  line-height: 14px; }

.normal-message--photo .normal-message__content .default-image-container {
  width: 84px;
  height: 60px; }

.normal-message--photo.message--right .normal-message__content {
  background-color: transparent; }

.normal-message--photo.message--right.normal-message .normal-message__content:before {
  right: -5.5px; }

.normal-message--photo.message--right.load .normal-message__content {
  background-color: #55728a; }

.normal-message--emotion .normal-message__content .default-image-container {
  width: 84px;
  height: 60px; }

.normal-message--emotion.message--left.normal-message .normal-message__content:before {
  content: '';
  background-image: url(../images//messages/3.png);
  background-repeat: no-repeat; }

.normal-message--emotion.message--right.normal-message .normal-message__content:before {
  content: '';
  background-image: url(../images//messages/4.png);
  background-repeat: no-repeat; }

.normal-message--emotion.message--right.normal-message .normal-message__content:before {
  right: -5.5px; }

.normal-message--video.message--right .normal-message__content {
  background-color: transparent; }

.normal-message--video.message--right.normal-message .normal-message__content:before {
  right: -5.5px; }

.normal-message--video.message--left.normal-message.normal-message--noexist .normal-message__content:before {
  background-image: url(../images//messages/3.png); }

.normal-message--video.message--right.normal-message.normal-message--noexist .normal-message__content:before {
  background-image: url(../images//messages/4.png); }

.normal-message.normal-message--audio.message--left .normal-message__content {
  background-color: transparent;
  padding-left: 0;
  padding-top: 0;
  margin-left: -1px; }

.normal-message.normal-message--audio.message--right .normal-message__content {
  background-color: transparent;
  padding-top: 0; }

.normal-message--audio.message--left .normal-message__content .normal-message-audio__img {
  margin-top: 1.5px;
  margin-left: -1px; }

.normal-message--audio.message--right .normal-message__content .normal-message-audio__img {
  position: relative;
  right: 2px; }

.normal-message--audio.normal-message--completed.normal-message--deleted.message--left .normal-message__content:after {
  right: -115px; }

.normal-message--audio.normal-message.message--left.normal-message--completed.normal-message--deleted .normal-message__error {
  left: 5px; }

.normal-message.message--left.normal-message--others .normal-message__content {
  background-color: transparent; }

.normal-message.message--right.normal-message--others .normal-message__content {
  background-color: transparent; }

.normal-message--others .normal-message__content {
  padding: 0;
  line-height: 1; }

.normal-message.message--left.normal-message--others .normal-message__content:before {
  background-image: url(../images//messages/5.png); }

.normal-message.message--left.normal-message--voice .normal-message__content {
  background-color: transparent; }

.normal-message.message--right.normal-message--voice .normal-message__content {
  background-color: transparent; }

.normal-message.normal-message--file .normal-message__content {
  padding: 0;
  background-color: transparent;
  border: 1px solid #999999; }

.normal-message.normal-message--file.message--left .normal-message__content:before {
  background-image: url("../images/messages/f_a_l.png");
  left: -6px;
  width: 16px;
  background-color: #ffffff;
  height: 10px; }

.normal-message.normal-message--file.message--right .normal-message__content:before {
  background-image: url("../images/messages/f_a_r.png");
  right: -12px;
  width: 12px;
  background-color: #ffffff;
  height: 10px; }

.normal-message--file {
  overflow: hidden; }

.qq-border-radius-600 {
  border-radius: 4px; }

.qq-border-radius-600-other {
  border-radius: 4px; }

.system-message--time .system-message__content {
	font-size: 13px !important;
	font-family: arial, sans-serif !important;
}